<div class="row bottom">
<div class="col-lg-8 col-md-8 col-sm-7 col-left">
    <div>
        <section>
            <div class="row text-center">
                <div class="col-lg-12">

                    <!--activity image-->
                    <img class="img-responsive" src="<?php echo base_url()?>resources/img/image-home-2.jpg" alt="Project header">

                    <!--activity title -->
                    <h1>hello i'm a freelance web designer</h1>
                    <h1 class="spacer">___</h1>

                    <!--activity descritpion-->
                    <p class="work">Living in Ha Noi - Viet Nam</p>
                    <p>Illud autem non dubitatur quod cum esset aliquando virtutum omnium domicilium Roma, ingenuos advenas plerique nobilium, ut Homerici bacarum suavitate Lotophagi, humanitatis multiformibus officiis retentabant , humanitatis multiformibus officiis retentabant.</p>
                    <div id="disqus_thread"></div>
                    <script type="text/javascript">
                        /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
                        var disqus_shortname = 'baokelvin'; // required: replace example with your forum shortname
                       // var disqus_url = 'http://example.com/helloworld.html';
                        *//* * * DON'T EDIT BELOW THIS LINE * * *//*
                        (function() {
                            var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
                            dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
                            (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
                        })();
                    </script>
                </div>
            </div>
        </section>
    </div>
</div>
<div class="col-lg-4 col-md-4 col-sm-5 col-right">
<div id="scroll-shadow"></div>

<h1 class="visible-xs section-header">Last work</h1>
<h1 class="visible-xs text-center spacer">___</h1>

<!--work choice-->
<div class="item-choice">
    <a href="#" class="filter" data-filter="all">All</a>
    <a href="#" class="filter" data-filter="web-design"> Web design</a>
    <a href="#" class="filter" data-filter="print"> Print</a>
    <a href="#" class="filter" data-filter="illustration">Illustration</a>
    <hr>
</div>

<section class="row" id="Grid">
<!--work 1-->

<?php $count = count($project['id']);
for ($i=0;$i<$count;$i++){ ?>
    <div class="col-lg-6 col-md-12 col-sm-12 col-xs-6 mix print">
        <div class="panel panel-default item">
            <div class="panel-heading">
                <a href="<?php echo base_url().'index.php/work/project_view/'.$project['id'][$i]?>">
                    <img class="img-responsive item-img" src="<?php echo base_url().$project['img_thumb_url'][$i]?>" alt="Work 2">
                </a>
            </div>
            <div class="panel-body">
                <a href="<?php echo base_url().'index.php/work/project_view/'.$project['id'][$i]?>"><h4 class="item-title"><?php echo $project['title'][$i] ?></h4></a>
                <p class="item-category">Web design</p>
                <p class="item-description"><?php echo $project['summary'][$i] ?></p>
                <hr>
                <p class="item-tags">
                    <a href="#">illustration</a> ,
                    <a href="#">graphic design</a> ,
                    <a href="#">website</a>
                </p>
            </div>
        </div>
    </div>
<?php } ?>


</section>
<a class="btn btn-block scroll-top visible-xs">
    <img src="<?php echo base_url()?>resources/img/icon/icon-chevron.png" alt="Scroll top">
</a>
</div>
</div>


